<template>
  <div class="login-banner" @click="onGoHome">
    <img class="login-banner__img" :src="LogoIcon" alt="" />
    <span class="login-banner__title">一粒玩</span>
  </div>
</template>

<script setup>
import LogoIcon from "@/assets/home/logo-title.png";
</script>

<style lang="scss" scoped>
.login-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: calc(var(--dx-gap-xl) * 2) 0 var(--dx-gap-xl) 0;
  font-size: var(--dx-font-size-xl);

  &__img {
    margin-bottom: var(--dx-gap-sm);
    width: 64px;
  }
}
</style>
